<%@page contentType="text/html; charset=UTF-8"%>
<%@taglib uri="/WEB-INF/struts-tiles.tld" prefix="tiles"%>
<%@ taglib uri="/WEB-INF/struts-html.tld" prefix="html"%>
<%@include file="/common/definition.jsp"%>
<%@ page language="java" import="java.util.*"%>
<html:html>
<tiles:insert beanName="shop-definition" flush="true">
	<tiles:put name="title"> Thay Đổi Thông Tin Cửa Hàng </tiles:put>
	<tiles:put name="body" type="string">
		<div class="col-md-10">
			<div class="col-md-12 mainHome" style="min-height: 550px">
				<div class="col-md-12 text-center">
					<h1>Thay đổi thông tin cửa hàng</h1>
				</div>
				<s:form action="changeShopProfile" cssClass="form-horizontal"
					role="form" theme="simple" style="padding-right: 50px;">
					<s:if test="errorProfile == null">
					</s:if>
					<s:elseif test="errorProfile != null">
						<div class="error_box" style="display: block;">
							<s:property value="errorProfile" />
						</div>
					</s:elseif>
					<div class="col-sm-offset-3 col-sm-9 paddingAlert">
						<div class="error_box"></div>
					</div>
					<div class="form-group">
						<label class="col-sm-3 control-label">Tên cửa hàng</label>
						<div class="col-sm-9 ">
							<s:textfield name="#session.shopInfo.agentName" cssClass="form-control" disabled="true"
								placeholder="Tên cửa hàng" />
						</div>
					</div>
					<div class="form-group">
						<label class="col-sm-3 control-label">Địa chỉ</label>
						<div class="col-sm-9 ">
							<s:textfield name="shopInfo.address" data-toggle="tooltip" 
								title="Địa chỉ có độ dài từ 6 đến 150 ký tự"
								cssClass="form-control" disable="true" placeholder="Địa chỉ" 
								value="%{#session.shopInfo.address}"/>
						</div>
					</div>
					<div class="form-group">
						<label class="col-sm-3 control-label">Số điện thoại cửa
							hàng</label>
						<div class="col-sm-9">
							<s:textfield name="shopInfo.phoneNumber" data-toggle="tooltip" 
								title="Vui lòng nhập đúng số điện thoại của shop"
								cssClass="form-control" placeholder="Số điện thoại" 
								value="%{#session.shopInfo.phoneNumber}"/>
						</div>
					</div>
					<div class="form-group">
						<label class="col-sm-3 control-label">Email cửa hàng</label>
						<div class="col-sm-9">
							<s:textfield name="shopInfo.agentEmail" data-toggle="tooltip" 
								title="Vui lòng nhập đúng email của cửa hàng"
								cssClass="form-control" placeholder="Email" 
								value="%{#session.shopInfo.agentEmail}"/>
						</div>
					</div>
					<div class="form-group">
						<label class="col-sm-3 control-label">Website</label>
						<div class="col-sm-9">
							<s:textfield name="shopInfo.agentWebsite" data-toggle="tooltip" 
								title="Vui lòng nhập đúng website của cửa hàng"
								cssClass="form-control" placeholder="Website" 
								value="%{#session.shopInfo.agentWebsite}"/>
						</div>
					</div>
					<div class="form-group">
						<div class="col-sm-offset-3 col-sm-10">
							<button type="submit" class="btn btn-primary btn-sm">Xác
								Nhận</button>
							<button type="reset" class="btn btn-default btn-sm">Nhập
								lại</button>
						</div>
					</div>
				</s:form>
				<script type="text/javascript">
				var validator = new FormValidator('changeShopProfile', 
				[{
					name: 'shopInfo.address',  
					display: 'địa chỉ',
					rules: 'required|min_length[6]|max_length[150]'
				},{
					name: 'shopInfo.phoneNumber',  
					display: 'số điện thoại',
					rules: 'required|is_natural|min_length[1]|max_length[14]'
				},{
					name: 'shopInfo.agentEmail',  
					display: 'email',
					rules: 'required|valid_email|min_length[6]|max_length[50]'
				},{
					name: 'shopInfo.agentWebsite',  
					display: 'website',
					rules: 'required|valid_url'
				}], function(errors, evt) {
							var SELECTOR_ERRORS = $('.error_box'),
							SELECTOR_SUCCESS = $('.success_box');
							
						if (errors.length > 0) {
							SELECTOR_ERRORS.empty();
							for (var i = 0, errorLength = errors.length; i < errorLength; i++) {
								SELECTOR_ERRORS.append(errors[i].message + '<br />');
							}
							
							SELECTOR_SUCCESS.css({ display: 'none' });
							SELECTOR_ERRORS.fadeIn(200);
						} else {
							SELECTOR_ERRORS.css({ display: 'none' });
							SELECTOR_SUCCESS.fadeIn(200);
						}			
					});
				</script>
			</div>
		</div>
		<div class="col-md-2"></div>
	</tiles:put>
</tiles:insert>
</html:html>
